<template>
  <div class="el-weltwo">
    <div class="el-row-fa">
      <span class="elcol-span">积分</span>
      <div class="row2">
        <div class="el-col-8">
          <div>
            <img src="../../assets/images/peach-svg/homepage/wze.svg">
          </div>
          <span class="el-col-text">积分总额</span>
          <span class="el-col-num">{{bonustol}}</span>
        </div>
        <div class="el-col-81">
          <div>
            <img src="../../assets/images/peach-svg/homepage/f8.svg">
          </div>
          <span class="el-col-text">充值积分</span>
          <span class="el-col-num">{{rechargetol}}</span>          
        </div>
        <div class="el-col-82">
          <div>
            <img src="../../assets/images/peach-svg/homepage/wjf.svg">
          </div>
          <span class="el-col-text">赠送积分</span>
          <span class="el-col-num">{{deletol}}</span>            
        </div>
      </div>   
      <span class="elcol-span2">价格明细</span>
      <div class="weldown">
        <div class="wel-box" v-for="(item,index) in priceList" :key="index">
            <img :src="item.img">
            <span>{{item.id}}</span>
            <span>{{item.name}}</span>
        </div>
      </div>
    </div>
  </div>    
</template>
<script>
export default {
    props:['bonustol','rechargetol','deletol',"priceList"],
    data(){
        return{

        }
    }
}
</script>